import React,{Component} from 'react'
import Search from './components/Search'
import List from './components/List'

export default class App extends Component{

  state = {
    users:[],   //初始值为数组
    isFirst:true,   //是否为第一次打开
    isLoading:false,  //标识是否处于加载中
    err:'',    //存储请求相关的错误信息
  }

  //此处是保存用户信息，但state新增属性，在下方使用通用函数
  // saveUsers = (users)=>{
  //   this.setState({users})
  // }

  updataAppState = (stateObj)=>{
    // 为什么不在()内加{}？   因为stateObj本身就是一个对象
    this.setState(stateObj)
  }
  
  render(){

    // const {users} = this.state

    return (
      <div className="container">
        <Search updataAppState={this.updataAppState}/>
        <List {...this.state}/>
      </div>
    )
  }
}